body {
    font-family:Arial,Helvetica,HiraKakuPro-W3,Osaka,sans-serif;
    font-size:11px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
}

html > body { 
/*  TODO:  background: #B3B3B3 url(../img/bodybg.gif) repeat-y scroll center;*/
    background: #B3B3B3 repeat-y scroll center;
    color: #000000;
    display:block;
    margin: 0pt;
    padding: 0pt;
    width: 100%;
}


div.top_level {
    background_color:  #FFFFFF;
    margin: 0pt auto;
    width: 820px;
}

div.logo{
    background: #5F5F5F no-repeat scroll left;
    height: 100px;
    width: 820px;
    border: 1px #000000 solid
}

div.logoimgcontainer{
    float:left;
}

img.logo{
    width: 112px;
    height: 100px;
    margin-left: 10px;
}

div.bannertext{
    float:right;
    margin-right:185px; 
    margin-top:15px;
}

span.bannertext{
    font-size: 2.4em;
    color: #88EF1B;
}
    
div.bannersubtext{
    float: right;
    margin-right: 220px;
    margin-top: 10px
}    

span.bannersubtext{
    color: #571F7F;
    font-size: 2em;
}

a{
  cursor:pointer;

}

a.photomenu {
background:#5F5F5F no-repeat scroll left top;
float:left;
height:250px;
text-align:center;
text-decoration:none;
width:260px;

}

img.photomenu{
     width: 258px;
     height: 185px;
     border: 1px #586378 solid;
}

.photomenutext{
    font-size: 1.8em;
    margin-top: 20px;
    color: #88EF1B
}

div.agenda{
    background: #FFFFFF no-repeat scroll left;
    height: 200px;
    width: 820px;
    /*border: 2px #88EF1B solid;*/
}

span.rightagenda{
    font-size: 1.8em;
    display: block;
    line-height: 200%;
    text-align: center;
/*    color: #4F3622;*/
    color: #5F5F5F;
}

div.leftagenda{
    float: left;
    width: 408px;
    height: 200px;
    display :inline;
    background:#E6E6E6;
}
    
div.leftagendapadding{
    margin-top: 45px;
    background: #14A589;

}   

span.leftagenda{
    font-size: 2em;
    display: block;
    line-height: 150%;
    vertical-align: middle;
    text-align: center;
    margin-left: 35px;
    margin-right: 35px;
/*    color: #4F3622;*/
    color: #5F5F5F;
}

div.rightagenda{
    width:410px;
    height: 200px;
    float:right;
    display:inline;
    background:#E6E6E6 ;
   /* border-left: 1px #88EF1B solid;*/
}


div.content {
    float: none;
}

div.header{
    clear: both;
    width:820px;
    background:#B3B3B3 repeat-y scroll center;
    height:30px;
    margin: 0pt auto;
}

p {
    margin-bottom: 10px;
    margin-right: 4px;
}

/*start experiment***********************************************************************************************************/

div.pagelayout{
    background: #5F5F5F no-repeat scroll left;
    height: 200px;
    width: 820px;
    /*border: 2px #88EF1B solid;*/
}

span.mainbar{
    font-size: 1.5em;
    display: block;
    line-height: 150%;
    text-align: left;
/*    color: #4F3622;*/
    color: #5F5F5F;
		margin-left: 40px;
    margin-right: 40px;
}

div.sidebar{
    float: left;
    width: 300px;
    height: 560px;
    display :inline;
    background:#5F5F5F;
}
    
div.sidebarpadding{
    margin-top: 35px;
    background: #14A589;

}   

span.sidebar{
    font-size: 2em;
    display: block;
    line-height: 150%;
    vertical-align: middle;
    text-align: center;
    margin-left: 35px;
    margin-right: 35px;
    color: #58EDD0;
    
}

div.mainbar{
    width:520px;
    height: 560px;
    float:right;
    display:inline;
    background:#E6E6E6 ;
   /* border-left: 1px #88EF1B solid;*/
}


div.content {
    float: none;
}


